<template>
<div >
  <el-card id="echarts">
    <!-- <v-chart :options="datas" :autoresize="true"></v-chart> -->
<!-- <ve-map :data="datas" style="width:500px"></ve-map> -->
    <baidu-map class="map" :center="{lng: 116.404, lat: 39.915}" :zoom="15">
  </baidu-map>
  </el-card>
  
</div>
</template>
<script type="text/javascript" src="https://api.map.baidu.com/api?type=webgl&v=1.0&ak=cKXKU96BGPK4X98tFq9t9syFFhjj4Y5k"></script>

 
<script>
export default {
  name: '',  // 
  
  components: {},//引入子  
  data () {//数据
    return {
    }
  },
  created () {
    this.gets()
   },//todo钩子函数 实例创建之前 
  mounted () { },//真实dom挂载之后，运行，这时可以访问dom元素
  methods: {

    gets(){
    
    }
  },//!事件函数
  computed:{} , //计算属性
  watch:{ //监听属性
   a: {
deep: true,
immediate: true,
handler(newval){},
}
}
}
</script>

<style scoped lang='scss'>
#echarts{
  display: flex;
  align-items: center;
  justify-content: center;
}
#allmap{
  width: 500px;
  height: 400px;
}
</style>
